﻿<div id="createQueue" class="reveal-modal small" data-bind="modalSuccess: addOnSuccess, enterPressed: create">
    <h2>New Queue</h2>
    <div class="row">
        <div class="large-2 columns">
            <label for="createQueue-name" class="right inline">Name:</label>
        </div>
        <div class="large-10 columns">
            <input id="createQueue-name" type="text" class="enter-focus" data-bind="instantValue: name" />
        </div>
    </div>
    <ul class="error-summary" data-bind="visible: hasErrors()">
        @*<li>Queue names must be unique within an account.</li>*@
        <li data-bind="visible: showNameRequired">Queue name is required.</li>
        <li data-bind="visible: showMustContainAlphaNumericDashesOnly">A queue name can only contain letters, numbers, and the dash (-) character.</li>
        <li data-bind="visible: showFirstLastDash">The dash (-) character cannot be the first or last character.</li>
        <li data-bind="visible: showConsecutiveDash">Consecutive dash characters are not permitted in the queue name.</li>
        <li data-bind="visible: showLowerCase">All letters in a queue name must be lowercase.</li>
        <li data-bind="visible: showLength">Queue name must be from 3 to 63 characters long.</li>
    </ul>
    <input type="button" class="button" value="Create" data-bind="click: create" />
    <a class="close-reveal-modal">&#215;</a>
</div>
